/***************************************************** add by kankan ********************************************************/
body, .content-wrapper, .right-side {
    background-color: #ecf0f5; /* #ecf0f5 */
}

.btn-sider {
    width: 170px;
    overflow: hidden;
    background: none;
    border: none;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.x-ellipsis {
	display: block;
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.x-ellipsis.with-w-100 {
    width: 100px;
}
.x-ellipsis.with-w-200 {
    width: 200px;
}
.x-ellipsis.with-w-300 {
    width: 300px;
}
.x-ellipsis.with-w-400 {
    width: 400px;
}

.x-m-t-10 {
	margin-top: 10px;
}
.x-m-b-10 {
	margin-bottom: 10px;
}
.x-m-b-15 {
	margin-bottom: 15px;
}

.x-p-10 {
	padding: 10px;
}


/****** progress ******/
.progress {
    margin-bottom: 0;
}



/************ bootstrap table ************/
.fixed-table-container {
    border: 1px solid #f4f4f4;
}

.bootstrap-table .table>thead>tr>th {
    border-bottom: 1px solid #f4f4f4;
}

.fixed-table-container thead th,
.fixed-table-container tbody td {
    border-left: 1px solid #f4f4f4;
}

.table-bordered {
    border: 1px solid #f4f4f4;
}
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #f4f4f4;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fafafa;
}

/* for treetable */
.table>thead>tr>th {
    border-bottom: 1px solid #f4f4f4;
}

.treetable-toolbar {
	padding: 10px;
    border-bottom: 1px solid #e8e8e8;
}

/* for bootstrap-table */
.bootstrap-table .table.table-no-bordered > thead > tr > th,
.bootstrap-table .table.table-no-bordered > tbody > tr > td {
    border-left: none;
    border-right: none;
}

.fixed-table-toolbar {
	padding: 8px 10px;
    border-bottom: 1px solid #e8e8e8;
}
.fixed-table-toolbar:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	zoom: 1;
}
.fixed-table-toolbar .bs-bars, .fixed-table-toolbar .search, .fixed-table-toolbar .columns {
    margin-bottom: 0px;
}

.fixed-table-container {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.fixed-table-container.table-no-bordered {
    border: none;
}

.fixed-table-pagination {
	padding: 8px 10px;
    border-top: 1px solid #e8e8e8;
}
.fixed-table-pagination:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	zoom: 1;
}
.fixed-table-pagination div.pagination, .fixed-table-pagination .pagination-detail {
    margin-top: 0;
    margin-bottom: 0;
}

/* toolbar */
.fixed-table-toolbar .btn-group > .btn-group:last-child > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* pagination */
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}


/****** ueditor ******/
.edui-default .edui-editor {
    border: 1px solid #e8e8e8 !important;
    background-color: white !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

.edui-default .edui-editor-toolbarbox {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.edui-default .edui-editor-toolbarboxouter {
    border-bottom: 1px solid #e8e8e8 !important;
    background-color: #fff !important;
    background-image: none !important;
    background-repeat: repeat-x !important;
    border: none;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    filter: none !important;
    -webkit-box-shadownone: none !important;
    -moz-box-shadownone: none !important;
    box-shadownone: none !important;
}

.edui-default .edui-dialog-shadow {
    border: none !important;
    border-radius: 0 !important;
}


/****** xupload ******/
.xupload-wrapper {
    border-radius: 0 !important;
}


/****** item ******/
.x-option {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 30%;
}
.option-remove {
	color: red;
}
.option-remove:hover {
	color: Crimson;
}


/****** box and tab ******/
.box .nav-tabs-custom > .tab-content {
    padding: 15px 0 0 0;
}


/****** xrs ******/
.xrs-label {
    margin-right: -5px;					/* avoid input 4px gap */
}
